@charset "utf-8";
/* CSS Document */
body {font-family:Tahoma,Arial, Geneva, sans-serif;
	font-size: 12px;
	margin:0px;}
		
a:link {color:#007ea9; text-decoration: none;}
a:visited {text-decoration: none; color: #007ea9;}
a:hover {text-decoration: none; color: #f6880f;}
a:active {text-decoration: none; color: #007ea9;}

img {border:none;}


/* dang nhap */
#wrapper {margin:0 auto; width:100%}
#wrapper-mot {width:100%; background:url(../images/wrapper-mot.png) repeat-x left top; float:left;}
#wrapper-mot-hai {margin:0 auto; width:1000px;}
#wrapper-hai {width:100%; background:#f8fdff url(../images/wrapper-hai.png) repeat-x left top; float:left;}
#wrapper-hai-hai { margin:0 auto; width:1000px;}
#wrapper-ba {width:100%; background:url(../images/bg-footer.png) repeat-x; float:left;}
#wrapper-ba-hai { margin:0 auto; padding-top:30px; width:1000px;}
.login-t {float:right; padding: 10px 30px; width:300px; height:14px; font-weight:bold; text-align:right; color:#FFF;}
.login-t a:link {color:#FFF;}
.login-t a:visited {color:#fff;}
.login-t a:hover {color:#f6880f;}
.login-t a:active {color:#f6880f;}
.login-t span {padding:0px 10px 0px 10px; color:#FFF}
.eway {float:left; padding-top: 10px; width:500px; height:14px; font-weight:bold; text-align:right; color:#FFF; text-align:left;}
.eway a:link {color:#FFF;}
.eway a:visited {color:#fff;}
.eway a:hover {color:#f6880f;}
.eway a:active {color:#f6880f;}
.eway span {padding:0px 10px 0px 10px; color:#FFF}
#main {float:left; width:1000px; margin-top:20px;}
#main-left {float:left; width:655px;}
.main-left-img {float:left; width:655px; min-height:305px; background:url(../images/pic-max-login.png) no-repeat top left;}

/*dang ky*/
#main-left-dk {float:left; width:616px; padding-right:39px;}
.main-left-dk-top {float:left; width:616px; height:10px;}
.main-left-dk-top-left { float:left; width:10px; height:10px; background:url(../images/main-left-dk-top-left.png) no-repeat top left}
.main-left-dk-top-mid { float:left; width:596px; height:10px; background:url(../images/main-left-dk-top-mid.png) repeat-x top left}
.main-left-dk-top-right { float:left; width:10px; height:10px; background:url(../images/main-left-dk-top-right.png) no-repeat top left}
.mid { float:left; width:614px; min-height:450px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5;}
.icon-mxh {float:left; padding-top:10px; width:614px;}
.tk-khac { width:614px; font-weight:bold; color:#000; font-size:12px; padding:5px 0px 5px 10px;}
.mid .midtop {float:left; width:614px; border-bottom:1px solid #039cd6;}
.mid .midtop .left { float:left; width:180px; height:60px; background:url(../images/logo.png) no-repeat left top;}
.mid .midtop .right { float:left; width:259px; height:60px; background:url(../images/dang-ky-eway.png) no-repeat left top;}
.mid .midmid { float:left; width:614px;}
.mid .midmid .enor {float:left; width:572px; margin:10px 0px 0px 20px; border:1px solid #e46a49; background:#ffebe8;}
.mid .midmid .enor .icon {float:left; width:25px; height:25px; background:url(../images/icon-enor.png) no-repeat top left; margin:7px 0px 0px 7px}
.mid .midmid .enor .text {float:left; width:520px;}
.mid .midmid .enor .text-td {float:left; color:#a60000; width:500px; font-weight:bold; padding:10px 0px 2px 19px;}
.mid .midmid .enor .text-tb {float:left; color:#a60000; width:480px; padding:0px 0px 2px 39px;}
.mid .botton {float:left; width:614px;}
.mid .botton .ttdn { float:left; width:554px; font-weight:bold; color:#039cd6; padding:18px 0px 15px 60px;}
.mid .botton .form-input { float:left; width:614px; text-align:right; padding:5px 0px 5px 0px;}
.mid .botton .form-input .hoathi { float:left; color:#F00; font-weight:bold; width:10px; padding-right:10px; padding-top:5px;}
.mid .botton .form-input .text-bold {float:left; color:#000; font-weight:bold; width:155px; padding-top:5px;}
.mid .botton .form-input .lay-pass {float:left; color:#000; width:534px; padding:5px 0px 0px 80px; text-align:left;}
.mid .botton .form-input .soan-tin {float:left; width:202px; height:30px; border:1px solid #ddd; margin:5px 5px 2px 30px; font-size:20px; color:#f6880f; padding:10px; background:#FFF; text-align:center;}
.mid .botton .form-input .gui-toi {float:left; color:#000; max-width:80px; font-size:18px; font-weight:bold; margin:16px 0px 0px 10px;}
.mid .botton .form-input .dau-so {float:left; color:#f6880f; font-size:22px; font-weight:bold; margin:12px 0px 0px 10px;}
.mid .botton .form-input .text-normal {float:left; color:#000; font-weight:normal; width:155px; padding-top:5px;}
.mid .botton .form-input .input-h { float:left;}
.mid .botton .form-input .input-h .wselect{border:1px solid #c9d5e2; margin: 0px; line-height:18px; height: 20px; margin-right:8px;}
.mid .botton .form-input .input-h .wselect2{ width:134px; border:1px solid #c9d5e2; margin: 0px; line-height:18px; height: 20px; margin-right:8px;}
.main-left-dk-botton {float:left; width:616px; height:10px; background:url(../images/bg-botton-dky.png) no-repeat top left;}
.main-left-dk-botton-left { float:left; width:10px; height:10px; background:url(../images/main-left-dk-botton-left.png) no-repeat top left}
.main-left-dk-botton-mid { float:left; width:596px; height:10px; background:url(../images/main-left-dk-botton-mid.png) repeat-x top left}
.main-left-dk-botton-right { float:left; width:10px; height:10px; background:url(../images/main-left-dk-right.png) no-repeat top left}
.why {float:left; width:394px; padding-left:173px; text-align:left;}
.vn-qpass {float:left; width:100%; height:1px; background:url(../images/bg-vn-qpass.png) no-repeat top left; margin-top:20px;}
.hidden {display:none}
.dieu-khoan { color:#007ea9}
.dieu-khoan a:link {color:#007ea9;}
.dieu-khoan a:visited {color:#007ea9;}
.dieu-khoan a:hover {color:#f6880f;}
.dieu-khoan a:active {color:#007ea9;}
/*End dang ky*/
.main-left-top {float:left; width:655px;}
.main-left-logo {float:left; width:180px; height:60px; margin-right:10px; background:url(../images/logo.png) no-repeat left bottom;}
.icon-eway {float:left; width:90px; height:70px; text-align:center;}
.icon-eway a:link {color:#000;}
.icon-eway a:visited {color:#000;}
.icon-eway a:hover {color:#f6880f;}
.icon-eway a:active {color:#000;}
#main-right {float:left; width:345px;}
.login-top {float:left; width:345px; height:50px; background:url(../images/login-space.png) repeat-x left top;}
.login-top-left {float:left; width:6px; height:50px; background:url(../images/login-left.png) no-repeat left top;}
.login-top-mid {float:left; width:333px; height:42px; background:url(../images/dang-nhap.png) no-repeat; margin-top:8px;}
.login-top-right {float:left; width:6px; height:50px; background:url(../images/login-right.png) no-repeat left top;}
.style-form {width:220px; height:25px; background:url(../images/bg-input.png) repeat-x; border: 1px solid  #d9d9d9;}
.style-form-2 {width:220px; height:25px; background:url(../images/bg-input.png) repeat-x; border: 1px solid  #d9d9d9; font-weight:bold; font-size:16px;}
.style-form-3 {float:left; width:85px; height:25px; border: 1px solid  #d9d9d9;}
.style-form-4 {float:left; padding-left:5px;}
.login-mid {float:left; width:343px; background: #FFF url(../images/input-space.png) repeat-x left top; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
.enor-dn {float:left; width:283px; margin:10px 0px 0px 10px; padding:0px 20px; font-weight:normal; text-align:center; color:#F00; border:1px solid #e46340; background:#ffebe8;}
.dang-nhap {float:left; padding:25px 0px 0px 60px; font-weight:bold; width:283px;}
.pass {float:left; padding:10px 0px 0px 60px; font-weight:bold; width:283px;}
.xac-nhan {float:left; padding:10px 0px 0px 60px; font-weight:bold; width:283px;}
.ghi-nho {float:left; padding:10px 0px 0px 60px; font-weight:bold; width:283px;}
.bt-dang-nhap {float:left; width:133px; margin:10px 0px 10px 0px;}
.bt-dang-nhap a:link {color:#FFF;}
.bt-dang-nhap a:visited {color:#fff;}
.bt-dang-nhap a:hover {color:#fff;}
.bt-dang-nhap a:active {color:#fff;}
.bt-dang-nhap-left {float:left; width:3px; height:34px; background:url(../images/bg-dang-nhap-left.png) no-repeat left top;}
.bt-dang-nhap-mid {float:left; width:127px; height:24px; background:url(../images/bg-dang-nhap-space.png) repeat-x; font-weight:bold; text-align:center; padding-top:10px;}
.bt-dang-nhap-right {float:left; width:3px; height:34px; background:url(../images/bg-dang-nhap-right.png) no-repeat left top;}
.quen-pass {float:left; width:343px; text-align:center; padding:10px 0px 15px 0px;}
.login-mxh {float:left; width:323px; padding:0px 0px 15px 20px; font-weight:bold;}
.mxh {float:left; width:243px; padding:0px 0px 30px 100px;}
.mxh a{padding-right:5px}
.vach-ngang {float:left; width:343px; height:1px; background:url(../images/space-login-ngang.png) no-repeat;}
.tk-new {float:left; width:343px; color:#f6880f; text-align:center; padding:20px 0px 0px 0px;}
.dk {float:left; padding-left:110px;}
.dk-h {float:left; padding-left:220px}
.bt-dang-ky {float:left; width:133px; margin:10px 0px 10px 0px;}
.bt-dang-ky a:link {color:#FFF;}
.bt-dang-ky a:visited {color:#fff;}
.bt-dang-ky a:hover {color:#fff;}
.bt-dang-ky a:active {color:#fff;}
.gui-pass {float:left; margin:10px 0px 0px 0px;}
.gui-pass a:link {color:#FFF;}
.gui-pass a:visited {color:#fff;}
.gui-pass a:hover {color:#fff;}
.gui-pass a:active {color:#fff;}
.bt-dang-ky-left {float:left; width:3px; height:34px; background:url(../images/bg-dang-ky-left.png) no-repeat left top;}
.bt-dang-ky-mid {float:left; width:127px; height:24px; background:url(../images/bg-dang-ky-space.png) repeat-x; font-weight:bold; text-align:center; padding-top:10px;}
.bt-dang-ky-right {float:left; width:3px; height:34px; background:url(../images/bg-dang-ky-right.png) no-repeat left top;}
.gui-pass-left {float:left; width:3px; height:27px; background:url(../images/bg-gui-pass-left.png) no-repeat left top;}
.gui-pass-mid {float:left; height:24px; background:url(../images/bg-gui-pass-mid.png) repeat-x; font-weight:bold; text-align:center; padding-top:5px;}
.gui-pass-right {float:left; width:3px; height:27px; background:url(../images/bg-gui-pass-right.png) no-repeat left top;}
.login-botton {float:left; width:345px; height:6px; background:url(../images/bg-footer-login.png) repeat-x left top;}
#footer {width:1000px; float:left; padding:30px 0px 10px;}
.footer-left {float:left; width:500px; text-align:left; color:#000;}
.footer-left a:link {color:#008ada; font-weight:bold;}
.footer-left a:visited {color:#008ada; font-weight:bold;}
.footer-left a:hover {color:#f6880f; font-weight:bold;}
.footer-left a:active {color:#008ada; font-weight:bold;}
.footer-right {float:right; width:500px; text-align:right; color:#000;}
.footer-right a:link {color:#008ada; font-weight:bold;}
.footer-right a:visited {color:#008ada; font-weight:bold;}
.footer-right a:hover {color:#f6880f; font-weight:bold;}
.footer-right a:active {color:#008ada; font-weight:bold;}
.nonelink {color:#008ada; font-weight:bold;}
/* hover*/
.register-c{float:left; position:relative;}
.check-loading {float:left; width:100%; margin-left:10px; min-height:24px; padding:5px 0px 0px 19px; text-align:left; overflow:hidden;}
.check-loi-d {float:left; width:100%; margin-left:10px; min-height:24px; padding:5px 0px 0px 19px; text-align:left; background:url(../images/check-d.png) no-repeat left top; overflow:hidden; display:none;}
.check-loi-s {float:left; width:100%; margin-left:10px; min-height:24px; padding:5px 0px 0px 19px; text-align:left; background:url(../images/check-s.png) no-repeat left top; overflow:hidden; display:none;}
.input { float:left; width:200px; height:20px; border:1px solid #ddd;}
.register-tip{position:absolute; left:100%; background:url(../images/creat-tip-b.gif) no-repeat bottom left; width:270px; float:left; margin-left:10px;}
.register-tip-c{background:url(../images/creat-tip-t.gif) no-repeat top left; left:100%; min-height:24px; height:auto!important; _height:24px; float:left; line-height:18px; padding:5px 5px 5px 15px; width:249px; font-size:11px; color:#a5a5a5; z-index:88888; margin-top:-3px; _margin-top:0; text-align:left;}
.register-tip{display:none;}
.register-c:hover .register-tip{display:block;}

.txt-blue {color:#005ED9}
.input-register-error {border:1px solid red !important}

#main-mid {float:left; min-height:450px; }
.tieu-de {float:left; width:414px; height:50px; background:url(../images/logo.png) no-repeat top left; border-bottom:1px solid #039cd6; padding:15px 0px 0px 200px; font-size:18px; color:#f6880f;}
.chuc-mung {float:left; width:610px; height:20px; padding:20px 0px 0px 0px; font-size:16px; color:#f6880f; text-align:center; font-weight:bold;}
.tb-kich-hoat {float:left; width:580px; margin:15px 0px 0px 15px; border:1px solid #f8de42; background:#fefacb; text-align:center; font-size:14px; padding-top:20px; padding-bottom:20px;}
.mail { color:#f6880f; font-weight:bold}
.goi-y {float:left; width:768px; padding:25px 0px 0px 20px; font-weight:bold; font-size:14px;}
.goi-y-link {float:left; width:738px; padding:10px 0px 0px 50px; font-weight:bold}




.register-hgdan{font-size:13px; color:#6d6b69; padding:10px 0 10px 50px; clear:left;}
.register-other{padding:0 0 5px 50px;}
.register .creat-c-title{margin-left:49px;}
.register .register-c{position:relative; overflow:inherit; float:left;}
.register .register-c-lbl{float:left; width:135px; line-height:24px; text-align:right; margin-right:10px;}
.register .register-c-ipt{width:275px; padding:3px; left:100%; background:#fff; border:1px solid #ddd; z-index:1; float:left;}
.register .register-c .register-tip{position:absolute; left:100%; background:url(../images/creat-tip-b.gif) no-repeat bottom left; width:269px; float:left; margin-left:10px;}
.register .register-c .register-tip .register-tip-c{background:url(../images/creat-tip-t.gif) no-repeat top left; min-height:24px; height:auto!important; _height:24px; float:left; line-height:18px; padding:5px 5px 5px 15px; width:249px; font-size:11px; color:#a5a5a5; z-index:888888; margin-top:-3px; _margin-top:0;}
.register .register-c .register-tip{display:none;}
.register .register-c:hover .register-tip{display:block;}
.register-er{vertical-align:top; padding-top:7px; *padding-top:10px;}
.register-er label.error, .register-er label.success{*margin-left:10px;}
.register .register-c .step-btn-ipt{padding:0 15px!important;}

.error-update-info{width:455px; float:left; margin:0 0 15px 10px; display:inline; background:#fef5ea; border:1px solid red; padding:10px; -moz-border-radius:3px; font-size:11px;}
.error-update-info h4{font-size:13px; color:#f99527; font-weight:bold; margin:0; padding:0 0 5px;}
.error-update-info p{margin:0; padding:0!important; line-height:18px; text-align:left!important;}
.input-update-info-error {border:1px solid red !important}
.creat-c-kt{float:left; padding:4px 0 3px; *padding:4px 0; background:#f4f4f4; border:1px solid #ddd; width:58px; text-align:center; font-size:11px; color:#000; margin-left:3px;}
.creat-loading{background:url(../images/loading.gif) no-repeat; margin: 0 0 7px 0; display:block; clear:both; color:#9c9c9c; font-size:11px; padding-left:16px; padding-top:3px;}
.creat-ok{background:url(../images/creat-sd-icon.gif) no-repeat; margin: 0px 0px 10px 0px; display:block; clear:both; color:#9c9c9c; font-size:11px; padding-left:16px; padding-top:3px;}
.creat-error{background:url(../images/creat-sd-icon-error.png) no-repeat; margin: 0px 0px 10px 0px; display:block; clear:both; color:#f99527; font-size:11px; padding-left:16px; padding-top:3px;}


.user-popup{width:100%; z-index:999999999; position:absolute; top:0; left:0; background-attachment:fixed;}
.user-popup .user-popup-c{top: 200px; padding:12px; width:526px; margin:0 auto; position:relative; background:#D8D8D8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.user-popup-box{background:#fff; border:1px solid #D8D8D8; position:relative; overflow:hidden;}
.user-popup-box h3.popup-title{font-size:14px; font-weight:bold; line-height:26px; text-indent:11px; color:#3b5998; background:#FFFFFF; margin:0; padding:0; border-bottom:1px solid #D8D8D8;}
.user-popup-box ul.ul-main{list-style:none; margin:0; padding:0 0 10px 0; height:195px; border-bottom:1px solid #ddd; overflow:auto;}
.user-popup-box ul.ul-main li{float:left; margin:11px 0 0 11px; display:inline; width:220px;}
.user-popup-box ul.ul-main li img.user-img-like{float:left; margin-right:8px;}
.user-popup-box ul.ul-main li a.user-name-like{font-size:13px; font-weight:bold; color:#3b5998;}
.user-popup-box p{margin:0; padding:5px;}
.dong-btn{background:#0367cd url(../images/comment-btn.gif) repeat-x top center; color:#FFF; border:1px solid #0058b6; margin:3px 7px 5px; font-size:12px; font-weight:bold; padding:2px 8px; font-family:Tahoma;}
.huybo-btn{background:#cfcfcf url(../images/huybo-btn.jpg) repeat-x top center; color:#333; border:1px solid #909090; margin:3px 7px 5px; font-size:12px; font-weight:bold; padding:2px 8px; font-family:Tahoma;}
.popup-bg {
    background-color: black;
    height: 100%;
    left: 0;
    opacity: 0.45;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}